<template>
    <div>
        <div class="crumbs"> 
            <div class="container">
                <el-form>
                <div class="lu hnk"></div><div class="hnk jgxx">机构信息</div>
                <div class="jgcontainer">
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <div class="check-xx">机构简称：{{check.abbreviation}}</div>
                            <div class="check-xx">机构名称：{{check.name}}</div>
                            <div class="check-xx">所在区域：{{check.address}}</div>
                            <div class="check-xx">统一社会信用代码：{{check.societyCode}}</div>
                            <div class="check-xx">地址：{{check.region}}</div>
                            <div class="check-xx">证件期限：{{check.term}}</div>
                            <div class="check-xx">备注：{{check.remark}}</div>
                        </el-col>
                        <el-col :span="10">
                            <div class="check-xx" style="display:ineline-blcok;">证件照片：</div>
                            <div class="demo-image__preview" style="margin-left:100px;">
                                <el-image 
                                    style="width: 200px; height: 150px"
                                    :src="check.licenseImg" 
                                    >
                                </el-image>
                            </div>
                        </el-col>
                    </el-row>
                    <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                    <div style="margin-top:20px;">
                        <div class="lu hnk"></div><div class="hnk jgxx">联系人信息</div>
                    </div>
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <div class="check-xx">联系人姓名：{{check.operateName}}</div>
                            <div class="check-xx">联系人手机：{{check.operatePhone}}</div>
                            <div class="check-xx">联系人职务：{{check.operatePosition}}</div>
                    </el-col>
                    </el-row>
                    <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                    <div style="margin-top:20px;">
                        <div class="lu hnk"></div><div class="hnk jgxx">账号密码</div>
                    </div>
                    <el-row :gutter="20">
                        <!-- <el-col :span="12">
                            <div class="check-xx">用户名称：{{check.user.username}}</div>
                            <div class="check-xx">密码：*********</div>
                        </el-col> -->
                    </el-row>
                </div>
                <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                <div style="margin-top:20px;">
                    <div class="lu hnk"></div><div class="hnk jgxx">扫码LOGO</div>
                </div>
                <el-row :gutter="20">
                    <el-col :span="12">
                        <img class="zfkhcheck_img" src="" alt="">
                    </el-col>
                </el-row>
                <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                <div style="margin-top:20px;">
                    <div class="lu hnk"></div><div class="hnk jgxx">产品配置</div>
                </div>
                <el-row :gutter="20">
                    <el-col :span="18">
                        <div class="zfkhcheck_span">系统有效期：2017/08/02至2018/12/12</div>
                        <el-table
                        style="margin-left:30px;"
                        :data="tableData"
                        border
                        class="table"
                        ref="multipleTable"
                        header-cell-class-name="table-header"
                        
                    >
                        <!-- <el-table-column type="selection" width="55" align="center"></el-table-column> -->
                        
                        <el-table-column prop="name" label="产品名称" align="center"></el-table-column>
                        <el-table-column prop="creatdate" label="版本" align="center"></el-table-column>
                        <el-table-column prop="enddate" label="企业数量" align="center"></el-table-column>
                    
                        <el-table-column prop="lname" label="已启用数量" align="center"></el-table-column>
                        <el-table-column prop="phone" label="品种数量" align="center"></el-table-column>
                        <!-- <el-table-column prop="address" label="备注"></el-table-column> -->
                    </el-table>
                    </el-col>
                </el-row>
                <el-form-item class="footerFixed">
                        <!-- <el-button type="primary" @click="zfkh_save">提交</el-button> -->
                        <el-button @click="goback">返回</el-button>
                    </el-form-item>
                     </el-form>
            </div>
                                
               
        </div>
    </div>
</template>

<script>
    import {goverment_check} from "@/request/api" 
    export default {
        data(){
            return{
                url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
              
                tableData:[],
                id:'',
                check:'',
            }
        },
        created(){
            const _this = this;
            this.id = _this.$route.query.id
            this.getshuju()
        },
        methods:{
            getshuju(){
                goverment_check(this.id).then((res)=>{
                    this.check = res.data
                    this.check.licenseImg = this.$store.state.pathimg + this.check.licenseImg
                    this.srcList[0] = this.check.licenseImg
                })
              
            },
            goback(){
                this.$router.go(-1)
            }
        }
    }
      
</script>

<style scoped>
    .zfkhcheck_back{
        margin-left:500px;

    }
    .zfkhcheck_span{
        font-size:14px;
        margin:20px 30px;
        /* padding-top: 30px; */
    }
    .zfkhcheck_img{
        width:200px;
        height:100px;
        background:red;
    }
    .check-xx{
        font-size:14px;
        margin: 10px 20px 0px 20px;
    }
    .crumbs{
        width:95%;
        margin:0 auto;
        margin-top: 30px;
        /* background: #ffffff; */
    }
    .cons{
        padding:10px;
    }
    .lu{
        width: 8px;
        height: 16px;
        background: greenyellow;
    }
    .hnk{
        display:inline-block;
    }
    .jgxx{
        margin-left:10px ;
        font-weight:600;
        font-size: 15px;
    }
    .jgcontainer{
        font-weight: 400;
    }
    .con{
        width:40%;
        padding: 20px;
        font-size: 14px;
        margin-left: 20px;
    }
    .handle-input {
        width: 300px;
        display: inline-block;
        /* margin-left: 30px; */
    }
    .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }
  .avatar {
    width: 100px;
    height: 100px;
    display: block;
  }
  
  
</style>